<template>
<div class="mymain" @click="jumpShow">
      <img :src="mypic" alt=""/>
</div>
</template>

<script>
export default {
  data() {
    return {
      mypic: ""
    };
  },
  methods: {
    getPic() {
      this.$http
        .get("/guidePic", {})
        .then(response => {
          this.mypic = response.data.picPath;
          console.log(response.data);
        })
        .catch(function(response) {
          console.log(response);
        });
    },
    jumpShow() {
      this.$router.push("/show");
    }
  },
  created: function() {
    this.getPic();
  }
};
</script>
<style lang="scss" scoped>
.mymain {
  width: 100vw;
  height: calc(92vh - 1px);
  min-height: calc(92vh - 1px);
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>

